<template>
  <api-table :dataSource="dataSource"></api-table>
</template>
<script>
import apiTableVue from "../../api-table.vue";
export default {
  components: {
    apiTableVue,
  },
  data() {
    return {
      dataSource: [
        {
          prop: "value(v-model)",
          description: "指定当前选中的条目",
          type: "array",
          default: "-",
          version: "-",
        },
        {
          prop: "defaultLevel",
          description: "默认显示选择框数量，默认显示级联的层级",
          type: "number",
          default: "1",
          version: "-",
        },
        {
          prop: "maxLevel",
          description: "最大显示的选择框数量，设置级联的层级",
          type: "number",
          default: "-",
          version: "-",
        },
        {
          prop: "loadMode",
          description: "加载的模式（触发的时机），change || focus || all",
          type: "string",
          default: "change",
          version: "-",
        },
        {
          prop: "endValid",
          description: "是否选择完毕再赋值校验（对表单校验比较实用）",
          type: "boolean",
          default: "false",
          version: "-",
        },
        {
          prop: "renderValue",
          description: "选择完毕再赋值校验（对表单校验比较实用）另一种方式，与 endValid 二选一",
          type: "array",
          default: "-",
          version: "-",
        },
        {
          prop: "options",
          description:
            "[{value, label, children , [disabled, key, title]}],fieldNames可修改value和label取向",
          type: "array",
          default: "[]",
          version: "-",
        },
        {
          prop: "labelInValue",
          description:
            "是否把每个选项的 label 包装到 value 中，会把 Select 的 value 类型从 string 变为 {key: string, label: vNodes} 的格式",
          type: "boolean",
          default: "false",
          version: "-",
        },
        {
          prop: "fieldNames",
          description:
            "自定义节点 label、value 、children（[disabled, key, title]）的字段  ",
          type: "object",
          default: "{ label: 'label', value: 'value', children: 'children' }",
          version: "-",
        },
        {
          prop: "searchLoading",
          description: "查询的时候加载状态",
          type: "boolean",
          default: "false",
          version: "-",
        },
        {
          prop: "loadData",
          description: "上滑加载数据函数",
          type: "funtion",
          default: "null",
          version: "-",
        },
        {
          prop: "defaultActiveFirstOption",
          description: "是否默认高亮第一个选项。",
          type: "boolean",
          default: "false",
          version: "-",
        },
        {
          prop: "pag",
          description: "分页配置 pagination （ant-design中的pagination）",
          type: "object",
          default: "-",
          version: "-",
        },
        {
          prop: "total",
          description: "分页总数",
          type: "number",
          default: "0",
          version: "-",
        },
        {
          prop: "pageType",
          description: "分页类型（‘pagination’, ‘scroll’）",
          type: "string",
          default: "-",
          version: "-",
        },
      ],
    };
  },
};
</script>
